@charset "utf-8";
#keywords{box-shadow:0 0 5px #999;color:#666;line-height:40px}
.keyword{float:left;margin-right:10px;font-weight:bold;color:#666}
.keyword span{margin-right:5px}
#keywords a{color:#666}
#wenti{overflow:hidden;background:#F8F8F8;padding-bottom:50px}
.title{text-align:center;margin:40px 0}
.title h2{color:#ff5200;font-size:30px}
.title h3{font-size:26px;font-style:italic;line-height:1.2;margin-bottom:10px}
.title h3 span{color:#1757a6}
.title h3>span>span{}
.title p{color:#666}
.wenti{}
.wenti li>div{background:#fff;padding-bottom:20px}
.wenti img{width:100%;display:block}
.wenti span{background:#FF8A00;color:#fff;display:block;width:40px;line-height:40px;text-align:center;border-radius:50%;margin:-20px auto;z-index:1;position:relative}
.wenti p{text-align:center;line-height:1.8}
.wenti p:nth-child(3){margin-top:30px}
#video{background:url(../images/jianzheng-bg.jpg) no-repeat center bottom;padding-bottom:50px}
.title2{text-align:center;line-height:1.6;margin:40px 0}
.title2 h2{color:#ff5200;font-size:30px}
.title2 h3{font-size:26px}
.title2 p{color:#ff5200;font-size:20px;font-weight:bold}
.video{min-height:400px;background:#eee}
.video li{padding:10px}
.video li>div{background:#fff}
.video-img{position:relative;padding:0 0 75% 0}
.video-img a{display:block;position:relative}
.video-img a:before{display:block;content:'';background:url(../images/play.png) no-repeat center;position:absolute;width:100%;height:100%}
.video-img img{display:block;position:absolute;max-width:100%;max-height:100%;left:50%;top:50%;transform:translate(-50%,-50%)}
.video-con{padding:10px 20px 20px}
.video-con h4{font-size:18px}
.video-con p{font-size:14px;color:#666;margin:10px 0;height:8em;overflow:hidden}
.video-con span{border:1px solid #1757a6;border-radius:20px;padding:3px 20px}
.video-con i{}
.video-con a:hover{}
.video-con a:hover h4{}
.video-con a:hover p{}
.video-con a:hover span{}
#product{}
.pro-catrgory-title{margin:50px auto}
.title3{line-height:1.6;float:left}
.title3 h3{font-size:36px}
.title3 p{color:#666;font-weight:bold;color:#FF8A00}
.pro-category{float:right;width:60%}
.pro-category li{float:left;width:20%;text-align:center;cursor:pointer}
.pro-category li img{margin:5px auto}
.cate-img1{display:block}
.cate-img2{display:none}
.pro-category li:hover a{color:#084699}
.pro-category li:hover .cate-img1{display:none}
.pro-category li:hover .cate-img2{display:block}
.prolist-container{background: url(../images/product-bg.jpg) no-repeat center bottom;background-size:100% auto;height:551px;}
.prolist-img{float:left;width:28%;margin:150px 0 0 8%}
.prolist-img li{background:#fff}
.prolist-img li img{display:block;max-width:100%;margin:0 auto;max-height:375px}
.pro-padding{float:right;background:#084699;width:50%;color:#fff;padding:50px;margin-top:30px}
.prolist-con{}
.prolist-con li{}
.prolist-con li h4{font-size:26px}
.prolist-text{margin-bottom:20px}
.prolist-more{}
.prolist-more a{padding:5px 30px;border-radius:20px}
.prolist-more a:first-child{border:1px solid;color:#fff}
.prolist-more a:last-child{background:#FF8A00;color:#fff;border:1px solid #FF8A00;margin-left:10px}
#youshi{}
.title4{text-align:center;margin:40px auto}
.title4 h3{font-size:36px}
.title4 p{background:#084699;color:#fff;display:inline-block;padding:0 50px;border-radius:20px;font-size:20px}
.ys .swiper-wrapper{display:block}
.ys1{background:url(../images/ys1-bg.jpg) no-repeat center}
.ys1L{}
.ys1L img{margin-top:380px;margin-right:9px}
.ys1R{}
.ys1-content{max-width:550px;float:right;margin-top:60px;margin-bottom:20px}
.ys-tit{position:relative;padding:30px 20px 20px 135px;background-position:20px 38px;background-repeat:no-repeat;border-radius:10px 10px 0 0}
.ys-tit h4{font-size:26px}
.ys-tit p{font-size:20px}
.ys-tit:after{display:block;position:absolute;right:15px;top:5px;font-size:80px;line-height:1}
.ys1-tit{color:#fff;background-image:url(../images/zuanshi.png);background-color:#084699}
.ys1-tit:after{content:'01';color:rgba(255,255,255,0.3)}
.ys1-tit h4{}
.ys1-tit p{}
.ys1-con{background:#fff;padding:10px 20px;border-radius:0 0 10px 10px}
.ys1-con ul{}
.ys1-con li{line-height:38px;height:38px;font-weight:bold}
.ys1-con span{color:#FD8A02;font-size:30px;margin-right:5px;line-height:30px;height:30px;display:block;float:left}
.ys1-con div{color:#666}
.ys2{margin:50px 0}
.ys2L{}
.ys2-content{max-width:500px}
.ys2-tit{background-image:url(../images/pinpai.png)}
.ys2-tit h4{}
.ys2-tit p{}
.ys2-tit:after{content:'02';color:rgba(0,0,0,0.3)}
.ys2-con{padding:0px 20px}
.ys2-con b{font-size:20px;color:#444}
.ys2R{}
.ys2R img{display:block;width:100%}
.ys3{margin-bottom:50px}
.ys3>div{display:flex}
.ys3L{padding:0;width:50%}
.ys3L img{display:block;width:100%}
.ys3R{background:#084699;width:50%}
.ys3-content{max-width:550px;color:#fff;margin:0 auto;padding:0 10px}
.ys3-tit{background-image:url(../images/yingyong.png)}
.ys3-tit:after{content:"03";color:rgba(255,255,255,0.3)}
.ys3-tit h4{}
.ys3-tit p{}
.ys3-con{}
.ys3-con b{font-size:18px}
.ys3-con p{line-height:1.8;color:#ddd}
.ys4>div{background:url(../images/ys4-bg.jpg) no-repeat center top;padding-top:200px}
.ys4R{
}
.ys4R img{display:block;max-width:100%;margin-top:10px}
.ys4L{padding:0;padding-top:178px}
.ys4-content{max-width:550px}
.ys4-tit{background-image:url(../images/chuangxin.png);background-color:#084699;color:#fff}
.ys4-tit h4{}
.ys4-tit p{}
.ys4-tit:after{content:'04';color:rgba(255,255,255,0.3)}
.ys4-con{background:#F0F0F0;padding:20px 30px}
.ys4-con b{font-size:18px}
.ys4-con p{line-height:1.8;color:#444}
.ys5{background:url(../images/ys5-bg.jpg) no-repeat center bottom;padding:200px 0 0 0;height:717px;box-sizing:border-box}
.ys5L{}
.ys5L img{display:block;max-width:100%;border-radius:10px}
.ys5R{color:#fff}
.ys5-content{max-width:550px;float:right}
.ys5-tit{background-image:url(../images/fuwu.png)}
.ys5-tit:after{content:'05'}
.ys5-con{}
.ys5-con div:first-child{margin:20px 0 55px}
.ys5-con img{border-radius:10px;margin-right:10px}
#jiameng{background:url(../images/jiameng.jpg) no-repeat center top;overflow:hidden;padding-bottom:50px}
.jiameng{}
.jiameng li{padding:0 5px}
.jiameng li>div{background:#fff;text-align:center;padding:0 5px;transition:0.5s all}
.jiameng li:hover>div{background:#084699;color:#fff}
.jiameng li:hover .jiamengT span{background:#fff}
.jiameng li:nth-child(2),.jiameng li:nth-child(4){margin-top:50px}
.jiamengT{padding:10px 0 20px}
.jiamengT span{display:inline-block;background:#EDEDED;border-radius:50%;margin:20px 0 10px}
.jiamengT img{display:block}
.jiamengT h4{font-size:20px}
.jiamengT p{font-size:14px}
.jiameng-text{height:10em;overflow:hidden;font-size:13px;border-top:1px solid #E9E9E9;padding:20px 0 30px;text-align:left}
#zhengce{}
.zhichi{}
.jiameng-con{background:#F8F8F8;padding:30px 30px 10px 30px;margin-bottom:20px}
.jiameng-con:hover{background:#084699;color:#fff}
.jiameng-con span{display:block;width:51px;height:51px;background:url(../images/jiameng-b.png);background-size:contain;margin-bottom:20px}
.jiameng-con:hover span{background:url(../images/jiameng-w.png)}
.jiameng-con h4{}
.jiameng-con p{height:6em;overflow:hidden}
#about{margin-bottom:50px}
.about{height:520px;box-shadow:0 0 5px #ddd}
.aboutL{}
.aboutL img{position:absolute;right:50%}
.aboutR{width:50%;float:right;box-sizing:border-box;padding-left:50px}
.title5{font-style:italic;line-height:1.2;margin:50px 0}
.title5 h1{font-size:32px;color:#333}
.title5 p{font-size:14px;color:#666}
.about-text{}
.about-text p{text-indent:2em;color:#666}
.aboutR a{display:block;width:200px;line-height:3;background:#FF8A00;text-align:center;color:#fff;border-radius:50px;margin-top:50px}
#case{padding-bottom:50px}
.case-top{margin-bottom:40px}
.case-category{}
.case-category li{float:left;margin-right:10px;line-height:40px}
.case-category li a{background:#E8E8E8;display:block;width:120px;text-align:center}
.case-category .on a{background:#FF8A00;color:#fff}
.case-control{float:right}
.case-control .swiper-button-prev,.case-control .swiper-button-next{width:40px;height:40px;background-color:#363636;background-position:center;background-repeat:no-repeat;background-size:15px}
.case-control .swiper-button-prev:hover,.case-control .swiper-button-next:hover{background-color:#FF8A00}
.case-control .swiper-button-prev{float:left}
.case-control .swiper-button-next{float:right}
.case-bot{display:none}
.case-bot li{}
.case-img{}
.case-img img{display:block;max-width:100%}
.case-bot p{text-align:center;background:#E8E8E8;line-height:1.5;height: 4em;display:flex;align-items:center;}
.case-bot a:hover p{background:#1757a6;color:#fff}
.case-bottom{background:#222222;color:#fff;margin:50px auto;display:flex;justify-content:space-between;padding:50px 60px;box-sizing:border-box}
.case-bottom:after{display:none}
.case-bottom-L{line-height:1.5}
.case-bottom-L p:first-child{color:#FF8A00;font-size:30px}
.case-bottom-L p:last-child{font-size:24px}
.case-bottom-C{background:url(../images/tel.png) no-repeat center left;padding-left:70px;line-height:1.5;margin-top:5px}
.case-bottom-C span{font-size:20px}
.case-bottom-C p{font-size:30px}
.case-bottom-R{background:#FF8A00;color:#fff;text-align:center;line-height:40px;height:40px;width:160px;border-radius:30px;margin-top:22px}
#history{background:#1369DA;color:#fff;padding:20px 0}
#history li{border-right:1px solid #fff;padding:10px 20px;text-align:center}
#history li div{line-height:1;margin:10px 0}
#history li span{font-size:12px;vertical-align:top}
#history li span.count-time{font-size:26px;margin-right:5px}
#history li:last-child{border:0}
#history p{height:6em;font-size:14px}
#news{}
.news{}
.news-t{border-bottom:1px solid #DEDEDE;margin-bottom:20px;padding-left:40px;position:relative;background-repeat:no-repeat;background-position:0 center}
.news-t a{display:block}
.news-t:before{display:block;content:'';width:100px;height:2px;background:#1058BC;left:0;position:absolute;bottom:-1px}
.xinwen .news-t{background-image:url(../images/news-tit.png)}
.knowledge .news-t{background-image:url(../images/knowledge-tit.png)}
.faq .news-t{background-image:url(../images/faq-tit.png)}
.news-t p{float:left}
.news-t p b{font-size:20px}
.news-t p span{color:#666;margin-left:5px}
.news-t>a>span{float:right;margin-top:15px}
.news img{display:block;width:100%;margin-bottom:20px}
.news ul{}
.news li{margin-bottom:10px;border-bottom:1px dashed;padding-bottom:10px}
.news .time{float:left;text-align:center;line-height:1.2;padding:8px 10px}
.news .time span{font-size:30px}
.news .time p{font-size:14px}
.news-con{}
.news-con>a{font-weight:bold;font-size:16px;display:block;line-height:2;height:2em;overflow:hidden}
.news-con p{position: relative;font-size:14px;line-height:1.5;min-height:3em;}
.news-con p a{color:#FF8A00;position: absolute;right: 5px;background: #fff;}
#message{background:url(../images/message-bg.jpg) no-repeat center;height:450px;margin-top:50px}
.messageL{color:#fff;margin-top:90px}
.messageL .title3{float:none}
.messageL .title3 h3{font-size:26px}
.messageL h2{color:#FF8A00;font-size:40px}
.messageL>p{background:#FF8A00;border-radius:0 20px 20px 0;padding:5px 20px 5px 10px;margin-bottom:20px;margin-top:10px}
.time24{background:url(../images/24hours.png) no-repeat 0 center;padding-left:90px;line-height:1.5}
.time24 span{font-size:20px}
.time24 p{font-size:26px}
.messageR{background:#FF8A00;height:450px;box-sizing:border-box;padding:29px 40px;width:500px}
.messageR h4{color:#fff;margin-bottom:10px}
.messageR div:after{display:block;content:'';clear:both}
.messageR input,.messageR textarea{margin-bottom:12px;border:0;line-height:40px;display:block;padding-left:10px;box-sizing:border-box}
.messageR input:focus,.messageR textarea:focus{outline-color:red}
#username{float:left;width:39%}
#phone{width:58%;float:right}
#wechat{width:100%}
#address{width:100%}
#content{width:100%}
#btn-submit{width:150px;line-height:50px;background:#FFFFFF;border:0;color:#FF8A00;font-size:18px;cursor:pointer}
#friend{line-height:2;padding:10px 0}
#friend span{background:url(../images/link.png) no-repeat center left;display:block;float:left;padding-left:30px;margin-right:10px}
#friend a{margin-right:5px}
@media (max-width: 767px){
    .title{}
	.title h2{font-size: 20px;}
	
	#keywords{display:none}
	#keywords{}
	.keyword{}
	.keyword span{}
	#keywords a{}
	#wenti{padding-bottom:20px}
	.title{margin:20px 0}
	.title h3{font-size: 16px;font-style:normal;margin-bottom:10px;}
	.title h3 span{font-size: unset;}
	.title h3>span>span{}
	.title p{font-size:14px;line-height:1.2}
	.wenti{}
	.wenti li{margin-bottom:10px}
	.wenti li>div{padding-bottom:10px}
	.wenti img{}
	.wenti span{}
	.wenti p{}
	.wenti p:nth-child(3){margin-top:20px;line-height:1.5}
	#video{}
	.title2{margin:20px 0}
	.title2 h2{font-size:18px}
	.title2 h3{font-size: 16px;}
	.title2 p{font-size:14px}
	.video{}
	.video li>div{}
	.video-img{}
	.video-img a{}
	.video-img a:before{}
	.video-img img{}
	.video-con{}
	.video-con h4{}
	.video-con p{}
	.video-con span{}
	.video-con i{}
	.video-con a:hover{}
	.video-con a:hover h4{}
	.video-con a:hover p{}
	.video-con a:hover span{}
	#product{}
	.pro-catrgory-title{margin:20px auto}
	.title3{float:none}
	.title3 h3{font-size:20px}
	.title3 p{font-size:14px}
	.pro-category{float:none;width:100%;margin: 20px 0 10px;}
	.pro-category:after{display:block;content:'';clear:both}
	.pro-category li{}
	.pro-category li img{}
	.pro-category li a{display:block;line-height:1.2;font-size:14px}
	.prolist-container{height:auto;margin-bottom: 35px;padding-bottom: 10px;}
	.prolist-img{margin:0;width: 40%;}
	.prolist-img li{}
	.prolist-img li img{
    max-height: 190px;
    padding: 14px 0;
}
	.pro-padding{width: 60%;margin:0;box-sizing:border-box;padding: 15px 10px;}
	.prolist-con{}
	.prolist-con li{}
	.prolist-con li h4{font-size:20px}
	.prolist-text{font-size:14px;line-height:1.5;height: 7.5em;overflow:hidden;margin:0 0 10px 0;}
	.prolist-more{
    display: flex;
    justify-content: space-between;
}
	.prolist-more a{font-size:14px;padding: unset;display: block;width: 49%;float: left;margin: 0;text-align: center;}
	.prolist-more a:first-child{}
	.prolist-more a:last-child{
    margin-left: 5px;
}
    .ys4R img{width:80%;margin:10px auto 0;}
	#youshi{}
	.title4{margin:20px 0}
	.title4 h3{font-size:20px}
	.title4 p{padding:0 10px;font-size:14px}
	.ys{background: url(../images/ys-bg-phone.jpg) no-repeat center bottom;}
	.ys .swiper-wrapper{display: flex;}
	.ys1{background: no-repeat;margin-top: 20px;}
	.ys1L{display:flex;justify-content:space-between;display: none;}
	.ys1L img{margin:0;width:48%}
	.ys1-content{margin-top:10px}
	.ys-tit{padding:20px 10px 10px 80px;background-position:10px 30px;background-size:60px auto}
	.ys-tit:after{font-size:60px;color: #fff;}
	.ys-tit h4{font-size:20px}
	.ys-tit p{font-size:16px}
	.ys-tit1{}
	.ys-tit1 h4{}
	.ys-tit1 p{}
	.ys1-con{
    padding-top: 20px;
    padding-bottom: 20px;
}
	.ys1-con ul{}
	.ys1-con li{height:auto;line-height:2}
	.ys1-con span{}
	.ys1-con div{font-size:14px}
	.ys2{margin: 30px 0 20px;}
	.ys2L{background: #fff;padding: 0;border-radius: 10px 10px 0 0;}
	.ys2-content{
}
	.ys2-tit{
    background-color: #084699;
    background-image: url(../images/pinpai1.png);
    color: #fff;
}
	.ys2-tit h4{}
	.ys2-tit p{}
	.ys2-con{padding:0;font-size: 14px;padding: 0 10px;}
	.ys2-con b{font-size: 16px;}
	.ys2-con br{display:none}
	.ys2R{padding: 0;background: #fff;overflow: hidden;border-radius: 0 0 10px 10px;}
	.ys2R img{
    box-sizing: border-box;
    padding: 10px;
}
	.ys3{margin-bottom:20px;margin-top: 30px;}
	.ys3>div{display: block;}
	.ys3L{width: 100%;display: none;}
	.ys3L img{}
	.ys3R{width: 100%;box-sizing: border-box;}
	.ys3-content{}
	.ys3-tit{}
	.ys3-tit h4{}
	.ys3-tit p{}
	.ys3-con{}
	.ys3-con b{}
	.ys3-con p{}
	.ys4>div{background: none;padding-top: 0;}
	.ys4{margin-bottom:10px;margin-top: 30px;}
	.ys4L{ padding-top: 0;}
	.ys4-content{}
	.ys4-tit{}
	.ys4-tit h4{}
	.ys4-tit p{}
	.ys4-tit:after{}
	.ys4-con{
    padding: 10px 7px;
}
	.ys4-con b{
    font-size: 16px;
}
	.ys4-con p{
    font-size: 14px;
}
    .ys4R{
    background: #F0F0F0;
    overflow: hidden;
    padding-bottom: 10px;
}
	.ys5{height:auto;padding: 20px 0 20px;background: no-repeat;margin-top: 10px;}
	.ys5L{}
	.ys5L img{}
	.ys5R{}
	.ys5-content{
    background: #084699;
}
	.ys5-tit{}
	.ys5-tit:after{}
	.ys5-con{
}
	.ys5-con div:first-child{margin:0 0 10px;padding: 0 10px;}
	.ys5-con div:last-child{display:flex;justify-content:space-between}
	.ys5-con img{width: 100%;margin: 0;padding: 0 10px 10px;box-sizing: border-box;}
	
	#jiameng{background-position:bottom center;padding-bottom:10px}
	.jiameng{}
	.jiameng li{padding:0 5px;margin-bottom:10px}
	.jiameng li:nth-child(2),.jiameng li:nth-child(4){margin-top:0}
	.jiameng li>div{padding:0 10px}
	.jiamengT{padding:0}
	.jiamengT span{margin:10px 0 0}
	.jiamengT img{}
	.jiamengT h4{}
	.jiamengT p{font-size:12px}
	.jiameng-text{padding:0}
	.jiameng li:last-child .jiameng-text{height:auto}
	
	#zhengce{}
	.zhichi{}
	.zhichi li{padding:0 5px}
	.jiameng-con{padding:10px;margin-bottom:10px}
	.jiameng-con:hover{}
	.jiameng-con span{width:30px;height:30px;margin-bottom:0}
	.jiameng-con h4{}
	.jiameng-con p{font-size:14px;line-height:1.5;height:4.5em}
	.jiameng-con br{display:none}
	
	#about{margin-bottom: 20px;}
	.about{height:auto}
	.aboutL{}
	.aboutL img{position:unset;width:100%;right:0}
	.aboutR{width:100%;float:none;padding:0}
	.title5{margin:10px 0;font-style:normal}
	.title5 h1{font-size:20px}
	.title5 p{}
	.about-text{}
	.about-text p{font-size:14px}
	.aboutR a{margin:10px 0}
	
	#case{padding-bottom: 10px;}
	.case-top{margin-bottom: 20px;}
	.case-category{}
	.case-category li{width: 33.3%;box-sizing: border-box;padding: 0 3px;margin: 0;}
    .case-category li a{width: 100%;}
	.case-category .on{}
	.case-control{margin-top: 10px;margin-right: 3px;}
	.case-control .swiper-button-prev{}
	.case-control .swiper-button-next{}
	.case-bot{}
	.case-bot li{}
	.case-bot a{}
	.case-img{}
	.case-img img{}
	.case-bot p{
    height: 4.5em;
    font-size: 14px;
    overflow: hidden;
}
	.case-bottom{display:block;margin:20px auto 0;padding:10px}
	.case-bottom-L{}
	.case-bottom-L p:first-child{font-size:20px}
	.case-bottom-L p:last-child{font-size:16px}
	.case-bottom-C{}
	.case-bottom-C span{}
	.case-bottom-C p{font-size:20px}
	.case-bottom-R{display:block;margin-top:10px}
	#history{}
	#history>ul{padding: 0;}
	#history li{padding: 5px 10px;margin-bottom: 5px;}
	#history li div{}
	#history li div:after{}
	#history li:last-child,#history li:nth-child(2){border:0}
	#history p{line-height: 1.5;}
	.news-t a{
	}
	#news>.container{padding: 0;}
	.news{padding: 0;}
	.news-t{}
	.news-t p{}
	.news-t p b{}
	.news-t p span{}
	.news-t>span{}
	.news img{}
	.news ul{}
	.news li{}
	.news .time{}
	.news .time span{}
	.news .time p{}
	.news-con{}
	.news-con>a{
		white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	}
	.news-con p{height: 3em;overflow: hidden;}
	.news-con p a{}
	
	#message{height:auto;background-position:center top;margin-top: 20px;}
	.messageL{margin-top:10px}
	.messageL .title3{}
	.messageL h2{font-size:30px;line-height:1.2}
	.messageL p{margin:10px 0 0}
	.time24{line-height:1;margin:10px 0}
	.time24 span{}
	.time24 p{}
	.messageR{width:100%;padding:10px;height:auto}
	.messageR h4{}
	.messageR input,.messageR textarea{line-height:30px;margin-bottom:10px}
	.messageR div:after{}
	#username{float: none; width: 100%;}
	#phone{float: none;width: 100%;}
	#wechat{}
	#address{}
	#content{}
	#content{}
	#btn-submit{line-height:40px}
	
	#friend{}
	#friend span{}
	#friend a{}
}